<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>SMARTE图表系统事例</title>
<script src='../../jquery-1.8.0.min.js'></script>
<script src='../../ichart.latest.min.js'></script>
<script src='../../jquery.timers.js'></script>
<script src='../../ichart.data.js'></script>
<script type='text/javascript'>
$(function(){
      var chart = iChart.create({
            render:"ichart-render",
            width:800,
            height:400,
            background_color:"#2e3b4e",
            gradient:false,
            color_factor:0.2,
            border:{
                  color:"#404c5d",
                  width:1
            },
            align:"center",
            offsetx:0,
            offsety:-20,
            sub_option:{
                  border:{
                        color:"#fefefe",
                        width:1
                  },
                  label:{
                        fontweight:600,
                        fontsize:20,
                        color:"#f5f5f5",
                        sign:"square",
                        sign_size:12,
                        border:{
                              color:"#BCBCBC",
                              width:1
                        },
                        background_color:"#fefefe"
                  }
            },
            shadow:true,
            shadow_color:"#fafafa",
            shadow_blur:10,
            showpercent:false,
            column_width:"70%",
            bar_height:"70%",
            radius:"90%",
            title:{
                  text:"SMARTE图表系统事例",
                  color:"#f5f5f5",
                  fontsize:24,
                  font:"Verdana",
                  textAlign:"left",
                  height:30,
                  offsetx:36,
                  offsety:0
            },
            subtitle:{
                  text:"",
                  color:"#8d9db5",
                  fontsize:24,
                  font:"微软雅黑",
                  textAlign:"left",
                  height:50,
                  offsetx:36,
                  offsety:6
            },
            footnote:{
                  text:"SMARTE研发团队",
                  color:"#8d9db5",
                  fontsize:14,
                  font:"微软雅黑",
                  textAlign:"right",
                  height:30,
                  offsetx:-32,
                  offsety:0
            },
            legend:{
                  enable:true,
                  background_color:"rgba(254,254,254,0.2)",
                  color:"#c1cdde",
                  fontsize:13,
                  border:{
                        color:"#85898f",
                        width:0
                  },
                  column:5,
                  align:"right",
                  valign:"top",
                  offsetx:-32,
                  offsety:-40
            },
            coordinate:{
                  width:"92%",
                  height:"80%",
                  background_color:"rgba(246,246,246,0.05)",
                  axis:{
                        color:"#bfbfc3",
                        width:["","",6,""]
                  },
                  grid_color:"#c0c0c0",
                  label:{
                        fontweight:500,
                        color:"#f5f5f5",
                        fontsize:0
                  }
            },
            label:{
                  fontweight:600,
                  color:"#f5f5f5",
                  fontsize:18
            },
            type:"column2d",
            data:[
                  {
                  name:"Mon.",
                  value:50,
                  color:"rgba(131,166,213,0.90)",
                  url:"sysSbChart_Get_ByScript!4"
            },{
                  name:"Tues.",
                  value:60,
                  color:"rgba(243,125,178,0.90)",
                  url:"sysSbChart_Get_ByScript!1"
            },{
                  name:"Wed.",
                  value:70,
                  color:"rgba(237,236,238,0.90)",
                  url:""
            },{
                  name:"Thur.",
                  value:80,
                  color:"rgba(143,198,64,0.90)",
                  url:"sysSbChart_Get_ByScript!2"
            },{
                  name:"Fri.",
                  value:90,
                  color:"rgba(100,139,191,0.90)",
                  url:"sysSbChart_Get_ByScript!3"
            }
            ]
      });
      chart.draw();
start(chart);
});
</script>
</head>
<body style='background-color:#244c74;'>
<div id='ichart-render'></div>
</body>
</html>